<%--
  Created by IntelliJ IDEA.
  User: Ryan
  Date: 2015/12/5
  Time: 11:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>专家查询</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/comm.css" rel="stylesheet">
  <link href="css/searchPro.css" rel="stylesheet">
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/searchPro.js"></script>
</head>
<body>
<jsp:include page="head.jsp"/>
<div class="info col-md-10 col-md-offset-1 col-xs-12">
  <div class="col-md-10 col-xs-12"  style="padding-top: 12px">
    <div class="col-md-1" style="padding-top: 8px;font-size:16px">类别</div>
    <div class="col-md-2 ">
      <select class=" form-control">
        <option value="name">姓名</option>
        <option value="major">专业</option>
        <option value="researchArea">研究方向</option>
      </select>
    </div>
    <div class="col-md-3">
      <input type="text" class="form-control" id="content" placeholder="内容" >
    </div>
    <div class="col-md-2">
      <button type="submit" class=" btn-default btn" >查询</button>
    </div>
  </div>

  <div class="infot col-xs-12">
    <div class="col-xs-12" style="height: 35px;line-height: 35px;font-weight: bold;font-size:16px">专家列表</div>
    <div class="table-responsive col-xs-12"
    <%--style="height: 430px;overflow: auto"--%>
            >
      <table class="table table-hover col-xs-12">
        <thead>
        <tr>
          <th class="col-xs-2">专家姓名</th>
          <th class="col-xs-3">专业</th>
          <th class="col-xs-3">研究方向</th>
          <th class="col-xs-2">着手稿件数</th>
          <th></th>
        </tr>
        </thead>
        <tbody>
        <%
          for(int i = 0; i < 7; i++){
        %>
        <tr class="line">
          <td>姓名
            <!--<a href="personalInfo?id=1" target="_blank" align="center"> 姓名</a>-->
          </td>
          <td>计算机科学与技术</td>
          <td>大数据</td>
          <td>1</td>
          <td><button type="button" class=" btn-default btn col-xs-offset-2 col-xs-8" onclick="alert('专家编号1')">分配</button></td>
        </tr>
        <tr class="box">
          <td class="col-xs-12" colspan="5">
            <div class="col-xs-5">
              <label class="col-xs-3" >编号:</label>
              <label class="col-xs-9" >11111111111111143</label>
              <label class="col-xs-3" >年龄:</label>
              <label class="col-xs-9" >43</label>
              <label class="col-xs-3" >电话:</label>
              <label class="col-xs-9" >12345678901</label>
              <label class="col-xs-3" >邮箱:</label>
              <label class="col-xs-9" >12345678901@qq.com</label>
              <label class="col-xs-3" >学历:</label>
              <label class="col-xs-9" >大学毕业于武汉理工大学</label>
              <label class="col-xs-3" >单位:</label>
              <label class="col-xs-9" >武汉理工大学计算机学院</label>

            </div>
            <div class="col-xs-7">
              <label class="col-xs-3" >个人简介: </label>
              <textarea class="form-control col-sm-4 col-xs-9" id="" rows="7" style="resize:none" readonly>个人简介</textarea>
            </div>
          </td>
        </tr>
        <%
          }
        %>
        </tbody>
      </table>
    </div>
    <div class="col-md-offset-7 col-md-4 col-xs-12">
      <ul class="pagination  col-xs-12">
        <li class="disabled">
          <a href="#" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
          <a href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>

